<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>源码大数据-API分类</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/1-APIAll.css">
</head>

<body>
    <!-- 1.头部 -->
    <header>
        <!-- logo -->
        <img src="./imgs/api-new-logo-white.png" alt="源码数据" class="logo fl mt20 ml30">
        <!-- 导航 -->
        <ul class="nav abs font14">
            <li><a href="#">首页</a></li>
            <li class="two fwb"><a href="#">API</a></li>
            <li><a href="#">云服务</a></li>
            <li><a href="#">案例</a></li>
            <li><a href="#">开发者</a></li>

        </ul>
        <!-- 登录和注册 -->
        <div class="right-box fr mt20 mr30 font12">
            <a href="#">登录</a><a href="#" class="register">注册有礼</a>
        </div>
    </header>
    <!-- 2.API分类导航 -->
    <div id="nav-list" class="container">
        <p>API分类</p>
        <ul class="clearfix font12" id="apiCate">
        </ul>
    </div>
    <!-- 3.搜索框 -->
    <div class=" api-search clearfix container">
        <span class="fl font14 c3d fwb mr20" id="apiName">全部</span>
        <form action="" class="fl clearfix">
         <input type="text" placeholder="身份证实名" class="fl i15" id="apiKeyWord">   
         <input type="button" value="" class="fl btn">
        </form>
    </div>
    <!-- 4.API全部列表 -->
    <!-- 第一排 -->
    <div id="API-list" class="container clearfix">
        <ul class="clearfix tcenter">
            <li>
                <img src="./imgs/API_01.jpg">
                <p class="one font14">2021出行防疫政策指南</p>
                <p class="free">免费</p>
                <a href="">申请数据</a>
            </li>
            <li>
                <p class="use">企业专用</p>
                <img src="./imgs/API_02.jpg">
                <p class="one font14">身份证实名验证</p>
                <p class="prize">￥0.2000/次</p>
                <a href="">申请数据</a>
            </li>
            <li>
                <img src="./imgs/API_03.jpg">
                <p class="one font14">天气预报</p>
                <p class="free">免费</p>
                <a href="">申请数据</a>
            </li>
            <li>
                <p class="use">企业专用</p>
                <img src="./imgs/API_04.jpg">
                <p class="one font14">银行卡元素校检</p>
                <p class="prize">￥0.3360/次</p>
                <a href="">申请数据</a>
            </li>
            <li class="five">
                <p class="use">企业专用</p>
                <img src="./imgs/API_05.jpg">
                <p class="one font14">短信API服务</p>
                <p class="prize">￥0.0400/次</p>
                <a href="">申请数据</a>
            </li>
        </ul>
        <!-- 第二排 -->
        <ul class="clearfix tcenter">
            <li>
                <img src="./imgs/API_01.jpg">
                <p class="one font14">2021出行防疫政策指南</p>
                <p class="free">免费</p>
                <a href="">申请数据</a>
            </li>
            <li>
                <p class="use">企业专用</p>
                <img src="./imgs/API_02.jpg">
                <p class="one font14">身份证实名验证</p>
                <p class="prize">￥0.2000/次</p>
                <a href="">申请数据</a>
            </li>
            <li>
                <img src="./imgs/API_03.jpg">
                <p class="one font14">天气预报</p>
                <p class="free">免费</p>
                <a href="">申请数据</a>
            </li>
            <li>
                <p class="use">企业专用</p>
                <img src="./imgs/API_04.jpg">
                <p class="one font14">银行卡元素校检</p>
                <p class="prize">￥0.3360/次</p>
                <a href="">申请数据</a>
            </li>
            <li class="five">
                <p class="use">企业专用</p>
                <img src="./imgs/API_05.jpg">
                <p class="one font14">短信API服务</p>
                <p class="prize">￥0.0400/次</p>
                <a href="">申请数据</a>
            </li>
        </ul>
        <!-- 第三排 -->
        <ul class="clearfix tcenter">
            <li>
                <img src="./imgs/API_01.jpg">
                <p class="one font14">2021出行防疫政策指南</p>
                <p class="free">免费</p>
                <a href="">申请数据</a>
            </li>
            <li>
                <p class="use">企业专用</p>
                <img src="./imgs/API_02.jpg">
                <p class="one font14">身份证实名验证</p>
                <p class="prize">￥0.2000/次</p>
                <a href="">申请数据</a>
            </li>
            <li>
                <img src="./imgs/API_03.jpg">
                <p class="one font14">天气预报</p>
                <p class="free">免费</p>
                <a href="">申请数据</a>
            </li>
            <li>
                <p class="use">企业专用</p>
                <img src="./imgs/API_04.jpg">
                <p class="one font14">银行卡元素校检</p>
                <p class="prize">￥0.3360/次</p>
                <a href="">申请数据</a>
            </li>
            <li class="five">
                <p class="use">企业专用</p>
                <img src="./imgs/API_05.jpg">
                <p class="one font14">短信API服务</p>
                <p class="prize">￥0.0400/次</p>
                <a href="">申请数据</a>
            </li>
        </ul>
        <!-- 第四排 -->
        <ul class="clearfix tcenter">
            <li>
                <img src="./imgs/API_01.jpg">
                <p class="one font14">2021出行防疫政策指南</p>
                <p class="free">免费</p>
                <a href="">申请数据</a>
            </li>
            <li>
                <p class="use">企业专用</p>
                <img src="./imgs/API_02.jpg">
                <p class="one font14">身份证实名验证</p>
                <p class="prize">￥0.2000/次</p>
                <a href="">申请数据</a>
            </li>
            <li>
                <img src="./imgs/API_03.jpg">
                <p class="one font14">天气预报</p>
                <p class="free">免费</p>
                <a href="">申请数据</a>
            </li>
            <li>
                <p class="use">企业专用</p>
                <img src="./imgs/API_04.jpg">
                <p class="one font14">银行卡元素校检</p>
                <p class="prize">￥0.3360/次</p>
                <a href="">申请数据</a>
            </li>
            <li class="five">
                <p class="use">企业专用</p>
                <img src="./imgs/API_05.jpg">
                <p class="one font14">短信API服务</p>
                <p class="prize">￥0.0400/次</p>
                <a href="">申请数据</a>
            </li>
        </ul>
    </div>
    <!-- 5.分页列表 -->
    <div id="page">
        <ul class="clearfix ">
            <li><a href="" class="one">1</a></li>
            <li><a href="">2</a></li>
            <li><a href="">3</a></li>
            <li><a href="">4</a></li>
            <li><a href="">5</a></li>
            <li><a href="">6</a></li>
            <li><a href="">7</a></li>
            <li><a href="">8</a></li>
            <li>......</li>
            <li><a href="" class="next">下一页&gt;</a></li>
        </ul>
    </div>
    <!-- 6.页脚 -->
    <footer class="clearfix">
        <div class="container">
            <!-- 左边列表 -->
            <ul class=" font12 lh28 cb3 fl">
                <li class="fl">
                    <ul>
                        <li class="one">联系与支持</li>
                        <li>400-882-7715</li>
                        <li> 售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </li>
                <li class="fl">
                    <ul>
                        <li class="one">关于源码</li>
                        <li>合作伙伴</li>
                        <li>服务条款</li>
                        <li>隐私政策</li>
                        <li>市场合作</li>
                        <li>反商业贿赂声明</li>
                    </ul>
                </li>
                <li class="fl">
                    <ul>
                        <li class="one">快速入口</li>
                        <li> API数据</li>
                        <li>黑钻会员</li>
                        <li>新闻动态</li>
                        <li>联系我们</li>
                        <li>加入我们</li>
                    </ul>
                </li>
                <li class="fl">
                    <ul>
                        <li class="one">产品服务</li>
                        <li>云监测</li>
                        <li>云查询</li>
                        <li>云助手</li>
                        <li>聚盒子</li>
                        <li>云充值</li>
                    </ul>
                </li>
                <li class="fl">
                    <ul>
                        <li class="one">解决方案</li>
                        <li>数字中台</li>
                        <li>慧集:</li>
                        <li>API生命周期管理</li>
                        <li>有赢:</li>
                        <li>助力企业营销</li>
                    </ul>
                </li>

            </ul>
            <!-- 右边部分 -->
            <div class="qr-code fr ">
                <p class="font15 ml32 mb12">微信公众号</p>
                <p class="font12 cb3 ml60 mb30">源码时代</p>
                <img src="./imgs/wechat-white.png">
            </div>
            <!-- 底部 -->
            <div class="clearfix foot font13">
                <div class="fl"><img src="./imgs/bei2.png"><img src="./imgs/bei1.png"
                        class="picture2">增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3&emsp;营业执照
                </div>
                <div class="fr">源码大数据股份有限公司©版权所有
                </div>
            </div>
        </div>
    </footer>
    <!-- 7.返回顶部 -->
    <div id="returnTop" class="cff tcenter fwb font20">^</div>
    <!-- script -->
    <script src="./js/1-APIAll.js"></script>
    <script src="./lib/swiper/utils.js"></script>
    <script src="./js/commom.js"></script>
</body>

</html>
<!-- 
    .green{
        color:green;
    }
    .red{
        color:red;
    }
    .on{
        display:block;
    }
 -->